<template>
	<div class="page-content mg-30">
		<view class="mb-30">{{cont}}</view>
		<u-button @click="contAdd" type="primary">加1</u-button>
		<view class="mt-30">pinia状态数据{{ appStorePop }}</view>
	</div>
</template>

<script setup lang="ts">
	const {updateString} = useAppStore()
	const {appStorePop} = storeToRefs(useAppStore())
	const cont = ref<number>(0)
	const form = reactive({
		uname:'小明'
	})
	const contComputed = computed(()=>{
		return cont.value + 10
	})
	function contAdd(){
		cont.value++
		updateString(cont.value)
	}
	onMounted(()=> console.log('onMounted'))
	onLoad(option=>{
		console.log('onLoad',option)
	})
</script>

<style scoped lang="scss">
.page-content{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
</style>